/**
 * @description: 系统布局主题配置
 * @author: Jvyou
 * @createTime: 2025/11/23 16:31
 */
import logo from '@/assets/logo.svg'

export interface ILogo {
  src?: string
  alt?: string
  width?: number
  height?: number
}

export interface ITitle {
  text?: string
  fontSize?: number
}

export interface ILayoutSider {
  width: number //宽度
  collapsedWidth: number // 折叠宽度
  collapsed: boolean
  showTrigger: boolean | 'bar' | 'arrow-circle'  // 侧边栏折叠按钮
}

export interface LayoutTheme {
  title?: ITitle  // 系统标题
  layout: 'mix' | 'side' | 'top'  // 布局类型
  layoutStyle: 'inverted' | 'light' | 'dark'
  headerHeight: number,
  footer?: boolean
  logo?: ILogo
  sider: ILayoutSider
}

export const layoutThemeConfig: LayoutTheme = {
  title: {
    text: 'Jvyou Admin',
    fontSize: 18
  },
  layout: 'top',
  layoutStyle: 'light',
  headerHeight: 48,
  footer: true,
  logo: {
    src: logo,
    alt: 'JvyouAdmin',
    width: 32,
    height: 32
  },
  sider: {
    width: 272,
    collapsedWidth: 64,
    collapsed: false,
    showTrigger: 'bar'
  }
}
